extends layout
block header  
	link(rel="stylesheet",href="/css/public/index.css") 
	link(rel="stylesheet",href="/css/public/blog-list.css")
	link(rel="stylesheet",href="/css/public/article.css")
	script(src="/js/public/app_static.js")
	script(src="/js/public/blog-list_static.js")
	script(src="/js/public/article.js")
block content
	.container-fluid
		header.header.bg-primary.text-center
			h1 ZFH的小站
			p 前端、后端，样样都通，样样稀松
		.col-xs-9
			//- #crs-top.carousel.slide(data-ride='carousel')
			//-   ol.carousel-indicators
			//-     li.active(data-target='#crs-top', data-slide-to='0')
			//-     li(data-target='#crs-top', data-slide-to='1')
			//-     li(data-target='#crs-top', data-slide-to='2')
			//-   .carousel-inner(role='listbox')
			//-     .item.active
			//-       img(src='/resource/timg.jpg', alt='...')
			//-       a(ui-sref="index")
			//-         .carousel-caption
			//-           h3 我的第一篇博客
			//-     .item
			//-       img(src='/resource/timg1.jpg', alt='...')
			//-       a(ui-sref="index")
			//-         .carousel-caption
			//-           h3 关于ui-router的一些坑
			//-     .item
			//-       img(src='/resource/timg2.jpg', alt='...')
			//-       a(ui-sref="index")
			//-         .carousel-caption
			//-           h3 NodeJS+Express开发您的第一个网站
			div(ui-view="main")
		.col-xs-3
			//- div.input-group
			//-   input.form-control(type="text" ng-model="query.STR" placeholder="搜索文章")
			//-   span.input-group-btn
			//-     button.btn.btn-info(type="button" ng-click="vm.search()") 搜索
			h3
				strong 文章分类
			ul.menu
				li
					span.text-info.glyphicon.glyphicon-chevron-right
					a(ui-sref="index" ng-class="{'active':currIndex===-1 || $state.includes('index')}" ng-click="setCurr(-1)") 首页
				li(ng-repeat="category in categorys")
					span.text-info.glyphicon.glyphicon-chevron-right
					a(ui-sref="blog-list({id:{{category.id}}})" ng-class="{'active':currIndex===$index || $state.includes('blog-list',{id:{{category.id}}})}" ng-click="setCurr($index)") {{category.name}}
				li
					span.text-info.glyphicon.glyphicon-chevron-right
					a(ui-sref="about" ng-class="{'active':currIndex===-2 || $state.includes('about')}" ng-click="setCurr(-2)") 关于我       
	.footer.text-center
		| Powerd & Designed by ZFH.  Copyright© 2016 ZFH的小站